<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,user-scalable=no"
    />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>
      水蚂蚁管理员端
    </title>
    <script>
      (function() {
        function autoRootFontSize() {
          // 取screen.width和document.documentElement.getBoundingClientRect().width的最小值；
          //如果屏幕大小变成了375px,那么字体就是16px;
          //也就是根字体fontSize大小和屏幕大小成正比变化！
          let fontSize =
            (Math.min(
              screen.width,
              document.documentElement.getBoundingClientRect().width
            ) /
              750) *
            32;
          if (fontSize <= 16) {
            fontSize = 16;
          } else if (fontSize >= 24) {
            fontSize = 24;
          }
          //  console.log(fontSize);
          document.documentElement.style.fontSize = fontSize + "px";
        }
        window.addEventListener("resize", autoRootFontSize);
        autoRootFontSize();
      })();
    </script>
  </head>

  <body>
    <div id="app"></div>
  </body>
</html>
